<template>
  <div class="pieEcharts-container">
    <el-row class="pie-chart-row">
      <NestedPies height="590px" width="100%"/>
    </el-row>
    <el-row class="pie-chart-row">
      <ScrollablePie height="590px" width="100%"/>
    </el-row>
  </div>
</template>

<script>
import NestedPies from './components/NestedPies.vue'
import ScrollablePie from './components/ScrollablePie.vue'

export default {
  name: 'index',
  components:{
    NestedPies,
    ScrollablePie
  }
}
</script>

<style lang="scss" scoped>
.pie-chart-row{
  margin-bottom: 20px;
}
</style>
